export const pageTitleStyles = "text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50";

export const pageWrapperStyles =
  "space-y-8 container mx-auto py-12 min-h-screen";

export const formGroupStyles = "space-y-3";

export const linkStyles = "hover:underline text-brand-primary";

export const cardStyles =
  "border border-neutral-200 dark:border-neutral-800 bg-card text-card-foreground rounded-xl shadow-sm hover:shadow-md transition-shadow";

export const headerStyles = "bg-neutral-50/50 dark:bg-neutral-900/50 backdrop-blur-sm border-b border-neutral-200 dark:border-neutral-800";

export const tabStyles = "bg-neutral-100 dark:bg-neutral-800 max-h-fit";
